import React from 'react';
import { useHistory } from 'react-router-dom';

import './tabbar.scoped.less';
export default function Tabbar(props) {
  const history = useHistory();
  return (
    <div className={`${props.className} tabbar`}>
      <span className="item" onClick={() => history.replace('/index/home')}>
        首页
      </span>
      <span className="item" onClick={() => history.replace('/index/takeATaxi')}>
        路线
      </span>
      <span className="item" onClick={() => history.replace('/index/me')}>
        我的
      </span>
    </div>
  );
}
